<!DOCTYPE html>  <!-- 声明文档类型为HTML5 -->
<html lang="en">  <!-- HTML根元素，lang="en"表示页面主要语言为英语 -->
<head>  <!-- 头部区域，包含文档元数据 -->
    <meta charset="UTF-8">  <!-- 声明字符编码为UTF-8，支持中文等多语言 -->
    <title>{{ title }}</title>  <!-- 页面标题，{{ title }}是Django模板变量，会被视图中extra_context的title值替换 -->
</head>
<body>  <!-- 页面主体内容区域 -->
<h3>{{ title }}</h3>  <!-- 三级标题，显示标题内容，和title标签使用同一个变量 -->

<!-- 表格开始，border="1"表示显示边框 -->
<table border="1">
    {% for i in personinfo_list %}  <!-- Django模板for循环：遍历personinfo_list中的每个元素 -->
        <tr>  <!-- 表格行 -->
            <th>{{ i.name }}</th>  <!-- 表格表头单元格，显示当前对象的name属性 -->
            <th>{{ i.age }}</th>   <!-- 表格表头单元格，显示当前对象的age属性 -->
        </tr>
    {% endfor %}  <!-- 循环结束标志 -->
</table>  <!-- 表格结束 -->

<br>  <!-- 换行，增加空行间距 -->

{% if is_paginated %}  <!-- 条件判断：如果数据被分页 -->
    <div class="pagination">  <!-- 分页容器，使用pagination类便于CSS样式控制 -->
        <span class="page-links">  <!-- 分页链接容器 -->
            {% if page_obj.has_previous %}  <!-- 如果有上一页 -->
                <!-- 上一页链接：
                 {% url 'person_info' %} 生成名为person_info的URL
                 /?page=... 拼接分页参数，注意这里的"/"是多余的，会导致URL错误
                 正确写法应该是：{% url 'person_info' %}?page=...
            -->
                <a href="{% url 'person_info' %}?page={{ page_obj.previous_page_number }}">上一页</a>
            {% endif %}  <!-- 上一页条件结束 -->

            {% if page_obj.has_next %}  <!-- 如果有下一页 -->
                <!-- 下一页链接，同样存在多余的"/"问题 -->
                <a href="{% url 'person_info' %}?page={{ page_obj.next_page_number }}">下一页</a>
            {% endif %}  <!-- 下一页条件结束 -->

        <br>  <!-- 换行 -->
        <span class="page-current">  <!-- 当前页码信息容器 -->
            第{{ page_obj.number }}页,  <!-- 显示当前页码 -->
            共{{ page_obj.paginator.num_pages }}页。  <!-- 显示总页数 -->
        </span>
    </span>
    </div>
{% endif %}  <!-- 分页条件判断结束 -->
</body>
</html>




